ul{list-style: none;padding-left: 0;}
.payComponents{position: fixed;top: 0rpx;left: 0rpx;height: 100%;width: 100%;background-color: rgba(0,0,0,.5);z-index: 999;}
/* 支付弹窗 */
.payContent{border-radius: 40rpx 40rpx 0rpx 0rpx;background-color: white;position: absolute;bottom: 0rpx;width: 100%;padding-bottom: 160rpx;transform: translateY(0);transition: all .3s;}
.payContent::before{content: '';position: absolute;top: 0;width: 100%;background: linear-gradient(180deg,#ffeff1 0,#fff);height: 100%;border-radius: 40rpx 40rpx 0rpx 0rpx;z-index: 0;height: 180rpx;}
.pc-close{width: 44rpx;height: 44rpx;position: absolute;top: 20rpx;left: 20rpx;z-index: 9;}
.payItemTitle{text-align: center;margin-top: 40rpx;color: #FF6B2B;font-size: 30rpx;font-weight: bold;}
.moneyTitle{padding-top: 46rpx;text-align: center;}
.moneyTitle .title{font-size: 64rpx;color: #000000;font-weight: bold;}
.moneyTitle .title text{font-size: 36rpx;}
.moneyTitle .time{color: #666;font-size: 26rpx;}
.payMethod{list-style: none;padding: 0rpx;margin-top: 58rpx;max-height: 416rpx;overflow-y: auto;-webkit-user-drag: none;user-select: none;overscroll-behavior: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;}
.payMethod .item{display: flex;align-items: center;justify-content: space-between;border-top: 2rpx solid #f5f5f7;margin: 0rpx 40rpx;height: 96rpx;}
.methodName{display: flex;align-items: center;color: #151515;font-size: 28rpx;}
.methodName image{width: 40rpx;height: 40rpx;margin-right: 13rpx;}
.recharge{color: #f82c2c;font-weight: 700;display: block;font-size: 30rpx}
.selectDot{width: 40rpx;height: 40rpx;box-sizing: border-box;border: 1px solid #ddd;border-radius: 50%;position: relative;}
.selectDot.active{border-color: #f6252f;}
.selectDot.active::before{content: '';width: 20rpx;height: 20rpx;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #f6252f;border-radius: 50%;}
.payNow{position: absolute;width: 100%;padding: 36rpx 30rpx;box-sizing: border-box;}
.payNow view{border-radius: 44rpx;height: 88rpx;background: linear-gradient(-90deg,#f6252f,#ff4621);font-size: 32rpx;color: #fff;font-weight: bold;text-align: center;line-height: 88rpx;}
/* 关闭弹窗提醒 */
.closeWarn{position: fixed;top: 0rpx;left: 0rpx;height: 100%;width: 100%;background-color: rgba(0,0,0,.2);z-index: 999999;}
.cw-content{width: 620rpx;box-shadow: 0 10rpx 50rpx 0 rgb(0 0 0 / 6%);z-index: 1000006;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: white;border-radius: 30rpx;margin: auto;padding-bottom: 44rpx;}
.cwc-title{font-size: 34rpx;color: #151515;font-weight: bold;text-align: center;padding-top: 44rpx;}
.cwc-time{color: #97989c;font-size: 24rpx;margin: 24rpx 66rpx 0rpx;text-align: center;}
.cwc-btn{display: flex;justify-content: center;margin-top: 42rpx;}
.cwc-btn view{width: 230rpx;height: 76rpx;border-radius: 38rpx;text-align: center;font-size: 28rpx;color: #f6252f;font-weight: bold;margin: 0 10rpx;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.cwc-btn .cancel{border: 1rpx solid #f6262e;}
.cwc-btn .continue{background: linear-gradient(-90deg,#f6252f,#ff4621);color: #fff;}
.passwordPop{position: fixed;top: 0rpx;left: 0rpx;height: 100%;width: 100%;background-color: rgba(0,0,0,.2);z-index: 999999;}
.codeAndkey{position: absolute;bottom: 0;width: 100%;}
.passwordInput{position: relative;border-radius: 40rpx 40rpx 0rpx 0rpx;background-color: white;transition: all .3s;transform: translateY(100%);}
.passwordInput .title{font-size: 48rpx;color: #212121;font-weight: bold;text-align: center;padding-top: 40rpx;}
.cancelPay{width: 44rpx;height: 44rpx;position: absolute;top: 50rpx;left: 50rpx;}
.payInput{margin: 80rpx 62rpx 0rpx;}
.payInput .text{color: #151515;font-size: 26rpx;margin-bottom: 12rpx;}
.payInput .password{display: flex;align-items: center;border-radius: 12rpx;border: 1rpx solid #e2e2e2;padding-left: 0;}
.payInput .password view{width: 106rpx;height: 104rpx;border-right: 1rpx solid #e2e2e2;display: flex;align-items: center;justify-content: center;font-size: 48rpx;color: #333;font-weight: bold;}
.payInput .password view text{display: none;}
.payInput .password .active text{display: block;}
.payInput .password view:last-child{border: none;}
.forgetCode{text-align: right;font-size: 26rpx;margin-top: 10rpx;color: #97989c;}
.keyboard{height: 398rpx;background-color: #eee;padding-top: 30rpx;position: fixed;left: 0;right: 0;bottom: 0;transition: all .3s;transform: translateY(100%);padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);}
.keyboard view{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;
margin: 0 23rpx;}
.keyboard view text{display: flex;font-size: 50rpx;color: #333;align-items: center;justify-content: center;width: 229rpx;height: 88rpx;border-radius: 10rpx;background-color: #fff;margin-bottom: 9rpx;box-shadow: 0 2rpx 0 0 hsl(0deg 0% 43% / 14%);-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.keyboard view text:active{background-color: #ccc;}
.keyboard view .none{opacity: 0;}
.keyboard view .backSpace{background-color: transparent !important;box-shadow: none;}
.confirmPay{display: block;margin: 40rpx 54rpx 0rpx;line-height: 88rpx;border-radius: 44rpx;background: linear-gradient(-90deg,#f6252f,#ff4621);color: #fff;font-weight: 700;font-size: 32rpx;text-align: center;}
.setCode{margin-top: 28rpx;}
.setCode view{color: #999;font-size: 22rpx;line-height: 30rpx;margin-bottom: 12rpx;}